<!--<template>-->
<!--  <div class="app-container">-->
<!--    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">-->
<!--      <el-form-item label="房间号" prop="roomNo">-->
<!--        <el-input-->
<!--          v-model="queryParams.roomNo"-->
<!--          placeholder="请输入房间号"-->
<!--          clearable-->
<!--          @keyup.enter.native="handleQuery"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-form-item label="房间名称" prop="roomName">-->
<!--        <el-input-->
<!--          v-model="queryParams.roomName"-->
<!--          placeholder="请输入房间名称"-->
<!--          clearable-->
<!--          @keyup.enter.native="handleQuery"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-form-item label="楼号" prop="building">-->
<!--        <el-input-->
<!--          v-model="queryParams.building"-->
<!--          placeholder="请输入楼号"-->
<!--          clearable-->
<!--          @keyup.enter.native="handleQuery"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-form-item label="楼层" prop="floor">-->
<!--        <el-input-->
<!--          v-model="queryParams.floor"-->
<!--          placeholder="请输入楼层"-->
<!--          clearable-->
<!--          @keyup.enter.native="handleQuery"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-form-item label="房型名" prop="roomTypeName">-->
<!--        <el-input-->
<!--          v-model="queryParams.roomTypeName"-->
<!--          placeholder="请输入房型名"-->
<!--          clearable-->
<!--          @keyup.enter.native="handleQuery"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-form-item label="是否有窗(Y/N)" prop="isWindow">-->
<!--        <el-select v-model="queryParams.isWindow" placeholder="请选择是否有窗(Y/N)" clearable>-->
<!--          <el-option-->
<!--            v-for="dict in dict.type.sys_yes_no"-->
<!--            :key="dict.value"-->
<!--            :label="dict.label"-->
<!--            :value="dict.value"-->
<!--          />-->
<!--        </el-select>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="朝向(字东,西,南,北,其他)" prop="face">-->
<!--        <el-input-->
<!--          v-model="queryParams.face"-->
<!--          placeholder="请输入朝向(字东,西,南,北,其他)"-->
<!--          clearable-->
<!--          @keyup.enter.native="handleQuery"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-form-item label="电话分机" prop="phone">-->
<!--        <el-input-->
<!--          v-model="queryParams.phone"-->
<!--          placeholder="请输入电话分机"-->
<!--          clearable-->
<!--          @keyup.enter.native="handleQuery"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-form-item label="房间锁号" prop="lockNo">-->
<!--        <el-input-->
<!--          v-model="queryParams.lockNo"-->
<!--          placeholder="请输入房间锁号"-->
<!--          clearable-->
<!--          @keyup.enter.native="handleQuery"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-form-item label="门锁密钥" prop="roomKey">-->
<!--        <el-input-->
<!--          v-model="queryParams.roomKey"-->
<!--          placeholder="请输入门锁密钥"-->
<!--          clearable-->
<!--          @keyup.enter.native="handleQuery"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-form-item label="房间概况" prop="overview">-->
<!--        <el-input-->
<!--          v-model="queryParams.overview"-->
<!--          placeholder="请输入房间概况"-->
<!--          clearable-->
<!--          @keyup.enter.native="handleQuery"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-form-item label="房间状态(字停用中,未打扫,打扫中,已入住,空闲中)" prop="roomStatus">-->
<!--        <el-select v-model="queryParams.roomStatus" placeholder="请选择房间状态(字停用中,未打扫,打扫中,已入住,空闲中)" clearable>-->
<!--          <el-option-->
<!--            v-for="dict in dict.type.hot_room_status"-->
<!--            :key="dict.value"-->
<!--            :label="dict.label"-->
<!--            :value="dict.value"-->
<!--          />-->
<!--        </el-select>-->
<!--      </el-form-item>-->
<!--      <el-form-item>-->
<!--        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>-->
<!--        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>-->
<!--      </el-form-item>-->
<!--    </el-form>-->

<!--    <el-row :gutter="10" class="mb8">-->
<!--      <el-col :span="1.5">-->
<!--        <el-button-->
<!--          type="primary"-->
<!--          plain-->
<!--          icon="el-icon-plus"-->
<!--          size="mini"-->
<!--          @click="handleAdd"-->
<!--          v-hasPermi="['hotal:room:add']"-->
<!--        >新增</el-button>-->
<!--      </el-col>-->
<!--      <el-col :span="1.5">-->
<!--        <el-button-->
<!--          type="success"-->
<!--          plain-->
<!--          icon="el-icon-edit"-->
<!--          size="mini"-->
<!--          :disabled="single"-->
<!--          @click="handleUpdate"-->
<!--          v-hasPermi="['hotal:room:edit']"-->
<!--        >修改</el-button>-->
<!--      </el-col>-->
<!--      <el-col :span="1.5">-->
<!--        <el-button-->
<!--          type="danger"-->
<!--          plain-->
<!--          icon="el-icon-delete"-->
<!--          size="mini"-->
<!--          :disabled="multiple"-->
<!--          @click="handleDelete"-->
<!--          v-hasPermi="['hotal:room:remove']"-->
<!--        >删除</el-button>-->
<!--      </el-col>-->
<!--      <el-col :span="1.5">-->
<!--        <el-button-->
<!--          type="warning"-->
<!--          plain-->
<!--          icon="el-icon-download"-->
<!--          size="mini"-->
<!--          @click="handleExport"-->
<!--          v-hasPermi="['hotal:room:export']"-->
<!--        >导出</el-button>-->
<!--      </el-col>-->
<!--      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>-->
<!--    </el-row>-->

<!--    <el-table v-loading="loading" :data="roomList" @selection-change="handleSelectionChange">-->
<!--      <el-table-column type="selection" width="55" align="center" />-->
<!--      <el-table-column label="房间id" align="center" prop="roomId" />-->
<!--      <el-table-column label="房间号" align="center" prop="roomNo" />-->
<!--      <el-table-column label="房间名称" align="center" prop="roomName" />-->
<!--      <el-table-column label="品牌id" align="center" prop="brandId" />-->
<!--      <el-table-column label="门店id" align="center" prop="hotalId" />-->
<!--      <el-table-column label="楼号" align="center" prop="building" />-->
<!--      <el-table-column label="楼层" align="center" prop="floor" />-->
<!--      <el-table-column label="房型id" align="center" prop="roomTypeId" />-->
<!--      <el-table-column label="房型名" align="center" prop="roomTypeName" />-->
<!--      <el-table-column label="房间基本设施json" align="center" prop="basic" />-->
<!--      <el-table-column label="房间重要设施json" align="center" prop="-->
<!--important" />-->
<!--      <el-table-column label="是否有窗(Y/N)" align="center" prop="isWindow">-->
<!--        <template slot-scope="scope">-->
<!--          <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.isWindow"/>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column label="朝向(字东,西,南,北,其他)" align="center" prop="face">-->
<!--        <template slot-scope="scope">-->
<!--          <dict-tag :options="dict.type.hot_room_face" :value="scope.row.face"/>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column label="电话分机" align="center" prop="phone" />-->
<!--      <el-table-column label="房间锁号" align="center" prop="lockNo" />-->
<!--      <el-table-column label="门锁密钥" align="center" prop="roomKey" />-->
<!--      <el-table-column label="房间概况" align="center" prop="overview" />-->
<!--      <el-table-column label="房间图集" align="center" prop="images" width="100">-->
<!--        <template slot-scope="scope">-->
<!--          <image-preview :src="scope.row.images" :width="50" :height="50"/>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column label="房间状态(字停用中,未打扫,打扫中,已入住,空闲中)" align="center" prop="roomStatus">-->
<!--        <template slot-scope="scope">-->
<!--          <dict-tag :options="dict.type.hot_room_status" :value="scope.row.roomStatus"/>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column label="入住id(仅房间状态为已入住有)" align="center" prop="checkinId" />-->
<!--      <el-table-column label="备注" align="center" prop="remark" />-->
<!--      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
<!--        <template slot-scope="scope">-->
<!--          <el-button-->
<!--            size="mini"-->
<!--            type="text"-->
<!--            icon="el-icon-edit"-->
<!--            @click="handleUpdate(scope.row)"-->
<!--            v-hasPermi="['hotal:room:edit']"-->
<!--          >修改</el-button>-->
<!--          <el-button-->
<!--            size="mini"-->
<!--            type="text"-->
<!--            icon="el-icon-delete"-->
<!--            @click="handleDelete(scope.row)"-->
<!--            v-hasPermi="['hotal:room:remove']"-->
<!--          >删除</el-button>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->
<!--    -->
<!--    <pagination-->
<!--      v-show="total>0"-->
<!--      :total="total"-->
<!--      :page.sync="queryParams.pageNum"-->
<!--      :limit.sync="queryParams.pageSize"-->
<!--      @pagination="getList"-->
<!--    />-->

<!--    &lt;!&ndash; 添加或修改房间对话框 &ndash;&gt;-->
<!--    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>-->
<!--      <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
<!--        <el-form-item label="房间号" prop="roomNo">-->
<!--          <el-input v-model="form.roomNo" placeholder="请输入房间号" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="房间名称" prop="roomName">-->
<!--          <el-input v-model="form.roomName" placeholder="请输入房间名称" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="楼号" prop="building">-->
<!--          <el-input v-model="form.building" placeholder="请输入楼号" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="楼层" prop="floor">-->
<!--          <el-input v-model="form.floor" placeholder="请输入楼层" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="房型名" prop="roomTypeName">-->
<!--          <el-input v-model="form.roomTypeName" placeholder="请输入房型名" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="房间基本设施json" prop="basic">-->
<!--          <el-input v-model="form.basic" type="textarea" placeholder="请输入内容" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="房间重要设施json" prop="-->
<!--important">-->
<!--          <el-input v-model="form.-->
<!--important" type="textarea" placeholder="请输入内容" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="是否有窗(Y/N)" prop="isWindow">-->
<!--          <el-select v-model="form.isWindow" placeholder="请选择是否有窗(Y/N)">-->
<!--            <el-option-->
<!--              v-for="dict in dict.type.sys_yes_no"-->
<!--              :key="dict.value"-->
<!--              :label="dict.label"-->
<!--              :value="dict.value"-->
<!--            ></el-option>-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="朝向(字东,西,南,北,其他)" prop="face">-->
<!--          <el-input v-model="form.face" placeholder="请输入朝向(字东,西,南,北,其他)" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="电话分机" prop="phone">-->
<!--          <el-input v-model="form.phone" placeholder="请输入电话分机" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="房间锁号" prop="lockNo">-->
<!--          <el-input v-model="form.lockNo" placeholder="请输入房间锁号" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="门锁密钥" prop="roomKey">-->
<!--          <el-input v-model="form.roomKey" placeholder="请输入门锁密钥" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="房间概况" prop="overview">-->
<!--          <el-input v-model="form.overview" placeholder="请输入房间概况" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="房间图集" prop="images">-->
<!--          <image-upload v-model="form.images"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="房间状态(字停用中,未打扫,打扫中,已入住,空闲中)" prop="roomStatus">-->
<!--          <el-select v-model="form.roomStatus" placeholder="请选择房间状态(字停用中,未打扫,打扫中,已入住,空闲中)">-->
<!--            <el-option-->
<!--              v-for="dict in dict.type.hot_room_status"-->
<!--              :key="dict.value"-->
<!--              :label="dict.label"-->
<!--              :value="parseInt(dict.value)"-->
<!--            ></el-option>-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="备注" prop="remark">-->
<!--          <el-input v-model="form.remark" placeholder="请输入备注" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="是否删除" prop="delFlag">-->
<!--          <el-input v-model="form.delFlag" placeholder="请输入是否删除" />-->
<!--        </el-form-item>-->
<!--      </el-form>-->
<!--      <div slot="footer" class="dialog-footer">-->
<!--        <el-button type="primary" @click="submitForm">确 定</el-button>-->
<!--        <el-button @click="cancel">取 消</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import { listRoom, getRoom, delRoom, addRoom, updateRoom } from "@/api/hotal/room";-->

<!--export default {-->
<!--  name: "Room",-->
<!--  dicts: ['sys_yes_no', 'hot_room_status'],-->
<!--  data() {-->
<!--    return {-->
<!--      // 遮罩层-->
<!--      loading: true,-->
<!--      // 选中数组-->
<!--      ids: [],-->
<!--      // 非单个禁用-->
<!--      single: true,-->
<!--      // 非多个禁用-->
<!--      multiple: true,-->
<!--      // 显示搜索条件-->
<!--      showSearch: true,-->
<!--      // 总条数-->
<!--      total: 0,-->
<!--      // 房间表格数据-->
<!--      roomList: [],-->
<!--      // 弹出层标题-->
<!--      title: "",-->
<!--      // 是否显示弹出层-->
<!--      open: false,-->
<!--      // 查询参数-->
<!--      queryParams: {-->
<!--        pageNum: 1,-->
<!--        pageSize: 10,-->
<!--        roomNo: null,-->
<!--        roomName: null,-->
<!--        brandId: null,-->
<!--        hotalId: null,-->
<!--        building: null,-->
<!--        floor: null,-->
<!--        roomTypeId: null,-->
<!--        roomTypeName: null,-->
<!--        basic: null,-->
<!--        -->
<!--important: null,-->
<!--        isWindow: null,-->
<!--        face: null,-->
<!--        phone: null,-->
<!--        lockNo: null,-->
<!--        roomKey: null,-->
<!--        overview: null,-->
<!--        images: null,-->
<!--        roomStatus: null,-->
<!--        checkinId: null,-->
<!--      },-->
<!--      // 表单参数-->
<!--      form: {},-->
<!--      // 表单校验-->
<!--      rules: {-->
<!--      }-->
<!--    };-->
<!--  },-->
<!--  created() {-->
<!--    this.getList();-->
<!--  },-->
<!--  methods: {-->
<!--    /** 查询房间列表 */-->
<!--    getList() {-->
<!--      this.loading = true;-->
<!--      listRoom(this.queryParams).then(response => {-->
<!--        this.roomList = response.rows;-->
<!--        this.total = response.total;-->
<!--        this.loading = false;-->
<!--      });-->
<!--    },-->
<!--    // 取消按钮-->
<!--    cancel() {-->
<!--      this.open = false;-->
<!--      this.reset();-->
<!--    },-->
<!--    // 表单重置-->
<!--    reset() {-->
<!--      this.form = {-->
<!--        roomId: null,-->
<!--        roomNo: null,-->
<!--        roomName: null,-->
<!--        brandId: null,-->
<!--        hotalId: null,-->
<!--        building: null,-->
<!--        floor: null,-->
<!--        roomTypeId: null,-->
<!--        roomTypeName: null,-->
<!--        basic: null,-->
<!--        -->
<!--important: null,-->
<!--        isWindow: null,-->
<!--        face: null,-->
<!--        phone: null,-->
<!--        lockNo: null,-->
<!--        roomKey: null,-->
<!--        overview: null,-->
<!--        images: null,-->
<!--        roomStatus: null,-->
<!--        checkinId: null,-->
<!--        createTime: null,-->
<!--        updateTime: null,-->
<!--        createBy: null,-->
<!--        updateBy: null,-->
<!--        remark: null,-->
<!--        delFlag: null-->
<!--      };-->
<!--      this.resetForm("form");-->
<!--    },-->
<!--    /** 搜索按钮操作 */-->
<!--    handleQuery() {-->
<!--      this.queryParams.pageNum = 1;-->
<!--      this.getList();-->
<!--    },-->
<!--    /** 重置按钮操作 */-->
<!--    resetQuery() {-->
<!--      this.resetForm("queryForm");-->
<!--      this.handleQuery();-->
<!--    },-->
<!--    // 多选框选中数据-->
<!--    handleSelectionChange(selection) {-->
<!--      this.ids = selection.map(item => item.roomId)-->
<!--      this.single = selection.length!==1-->
<!--      this.multiple = !selection.length-->
<!--    },-->
<!--    /** 新增按钮操作 */-->
<!--    handleAdd() {-->
<!--      this.reset();-->
<!--      this.open = true;-->
<!--      this.title = "添加房间";-->
<!--    },-->
<!--    /** 修改按钮操作 */-->
<!--    handleUpdate(row) {-->
<!--      this.reset();-->
<!--      const roomId = row.roomId || this.ids-->
<!--      getRoom(roomId).then(response => {-->
<!--        this.form = response.data;-->
<!--        this.open = true;-->
<!--        this.title = "修改房间";-->
<!--      });-->
<!--    },-->
<!--    /** 提交按钮 */-->
<!--    submitForm() {-->
<!--      this.$refs["form"].validate(valid => {-->
<!--        if (valid) {-->
<!--          if (this.form.roomId != null) {-->
<!--            updateRoom(this.form).then(response => {-->
<!--              this.$modal.msgSuccess("修改成功");-->
<!--              this.open = false;-->
<!--              this.getList();-->
<!--            });-->
<!--          } else {-->
<!--            addRoom(this.form).then(response => {-->
<!--              this.$modal.msgSuccess("新增成功");-->
<!--              this.open = false;-->
<!--              this.getList();-->
<!--            });-->
<!--          }-->
<!--        }-->
<!--      });-->
<!--    },-->
<!--    /** 删除按钮操作 */-->
<!--    handleDelete(row) {-->
<!--      const roomIds = row.roomId || this.ids;-->
<!--      this.$modal.confirm('是否确认删除房间编号为"' + roomIds + '"的数据项？').then(function() {-->
<!--        return delRoom(roomIds);-->
<!--      }).then(() => {-->
<!--        this.getList();-->
<!--        this.$modal.msgSuccess("删除成功");-->
<!--      }).catch(() => {});-->
<!--    },-->
<!--    /** 导出按钮操作 */-->
<!--    handleExport() {-->
<!--      this.download('hotal/room/export', {-->
<!--        ...this.queryParams-->
<!--      }, `room_${new Date().getTime()}.xlsx`)-->
<!--    }-->
<!--  }-->
<!--};-->
<!--</script>-->
